{% extends "base.html" %}

{% block header %}
<a href="#" data-rel="back" data-icon="arrow-l">Back</a>
<h1>
  {% block title %}{% endblock title %}
</h1>
<a href="/a/settings" {% if is_settings %}class="ui-btn-active"{% endif %} data-icon="gear">Account</a>
<div data-role="navbar">
	<ul>
    <li><a href="/a/profile" {% if is_profile %}class="ui-btn-active"{% endif %}>Profile</a></li>
		<!--- <li><a href="/a" {% if is_home %}class="ui-btn-active"{% endif %}>Recent</a></li> --->
		<li><a href="/a/search" {% if is_search %}class="ui-btn-active"{% endif %}>Search</a></li>
	</ul>
</div><!-- /navbar -->
{% endblock header %}

{% block footer %}
<div data-role="footer" class="ui-bar" data-inline="true"> 
  &copy; 2012 Fonite
  <a href="/a/report?from={{request.get_full_path}}" data-role="button" data-theme="b">Feedback</a>
</div> 
{% endblock footer %}